import React from 'react';
import { View } from 'react-native';
import PropTypes from 'prop-types';
import { px2dp } from 'bee/utils/px2dp';
import { colors, sizes } from 'bee/themes';
import { Icon, Names } from 'bee/components/Icon';

const MoreBtn = ({ onPress }) => (
  <View style={{ paddingRight: px2dp(31) }}>
    <Icon
      name={Names.gengduo}
      color={colors.white}
      size={sizes.f3}
      onPress={onPress}
    />
  </View>
);

MoreBtn.propTypes = {
  onPress: PropTypes.func.isRequired,
};

export default MoreBtn;
